import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home/HOME.vue'
import Friends from '../views/Frients/friedns.vue'
import three from '../views/three/three.vue'
import carts from '../views/cart/cart.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/home',
    component: Home
  },
  {
    path: '/Friends',
    component: Friends
  },
  {
    path: '/three',
    component: three
  },
  {
    path: '/carts',
    component: carts
  }
]

const router = new VueRouter({
  routes
})

export default router

// import Vue from 'vue'
// import VueRouter from 'vue-router'

// import Home from '../views/Home'
// import Friends from '../views/Frients'
// import three from '../views/three'
// import carts from '../views/cart'

// Vue.use(VueRouter)

// const routes = [
//   {
//     path: '/',
//     component: Home
//   },
//   {
//     path: '/friends',
//     component: Friends
//   },
//   {
//     path: '/three',
//     component: three
//   },
//   {
//     path: '/cart',
//     component: carts
//   }
// ]

// const router = new VueRouter({
//   routes
// })

// export default router
